<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>
  <link rel="shortcut icon" href="../images/title.jpg" />
  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 公共样式表 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 当前页样式表 -->
  <link rel="stylesheet" href="../css/shopcar.css">

  <!-- 引jq -->
  <script src="../lib/jquery-1.11.3/jquery.js"></script>

  <!-- 引当前js -->
  <script src="../js/shopcar.js"></script>
</head>

<body>
  <!-- 头部 -->
  <div class="head">
    <div class="container-fluid head-top">
      <div class=" container clearfix head-logo">
        <span><a href="./home.html"><img src="../images/LOGO_02.jpg" alt=""></a></span>
        <a class="fl cf head-legochina" href="#">legochina.cn</a>
        <p class="fr">欢迎光临<a class="cf60" href="#">乐购</a>，请 <a class="cf60" href="#">登陆</a>\<a class="cf60"
            href="./register.html">注册</a></p>
      </div>
    </div>


    <div class=" container head-search clearfix">
      <div class=" fr head-input clearfix">
        <input class="fl" type="text" placeholder="设计中的设计 原研哉">
        <button class="fl"></button>
      </div>
    </div>
  </div>


  <!-- 购物车 -->
  <div class="shopcar container mt30">

    <div class="shopcar-head clearfix">
      <p><input class="allsel" type="checkbox">全选</p>
      <p>商品</p>
      <p>单价</p>
      <p>数量</p>
      <p>小计</p>
      <p>操作</p>
    </div>


    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../images/5 (5).jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../images/5 (5).jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../images/5 (5).jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar-foot">
      <p><input class="allsel" type="checkbox"> 全选</p>
      <p>删除选中商品</p>
      <p></p>
      <p>已选择 <span class="cf60 allNum">0</span> 件商品</p>
      <p>总价: <span class="cf60 totalPrice">0</span></p>
      <p><button>结&emsp;算</button></p>
    </div>

  </div>

  <!-- 页脚 -->
  <div class="foot container-fluid">
    <div class="foot-nav">
      <a href="javascript:"><img src="../images/222_11.png" alt=""></a>
      <a href="javascript:"><img src="../images/222_13.png" alt=""></a>
      <a href="javascript:"><img src="../images/222_15.png" alt=""></a>
      <a href="javascript:"><img src="../images/222_17.png" alt=""></a>
    </div>
    <div class="foot-end container">
      <div class="foot-logo"><img src="../images/logo_00.png" alt=""></div>
      <ul class="clearfix">
        <li>
          <a href="javascript:">购物指南</a>
          <a href="javascript:">购物流程</a>
          <a href="javascript:">发票制度</a>
          <a href="javascript:">账户管理</a>
          <a href="javascript:">会员优惠</a>
        </li>
        <li>
          <a href="javascript:">支付方式</a>
          <a href="javascript:">货到付款</a>
          <a href="javascript:">网上支付</a>
          <a href="javascript:">礼品卡支付</a>
          <a href="javascript:">银行转帐</a>
        </li>
        <li>
          <a href="javascript:">订单服务</a>
          <a href="javascript:">订单配送查询</a>
          <a href="javascript:">订单状态说明</a>
          <a href="javascript:">自助取消订单</a>
          <a href="javascript:">自助修改订单</a>
        </li>
        <li>
          <a href="javascript:">退换货</a>
          <a href="javascript:">退换货政策</a>
          <a href="javascript:">自助申请退换货</a>
          <a href="javascript:">退换货进度查询</a>
          <a href="javascript:">退款方式和时间</a>
        </li>
        <li>
          <a href="javascript:">商家服务</a>
          <a href="javascript:">商家中心</a>
          <a href="javascript:">运营服务</a>
          <a href="javascript:">加入尾品汇</a>
        </li>
      </ul>
      <p class="synopsis"> <a href="javascript:">公司简介</a>
        <a href="javascript:">Investor Relations</a>
        <a href="javascript:">网站联盟</a>
        <a href="javascript:">乐购招商</a>
        <a href="javascript:">机构销售</a>
        <a href="javascript:">手机乐购</a>
        <a href="javascript:">官方Blog</a>
        <a href="javascript:">热词搜索</a>
      </p>
      <p class="copyright">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
  </div>
</body>

</html>